<template>
    <div>
        <div class="box">
            <horder class="horder" style="display: flex;justify-content: space-between;">
                <van-icon name="wap-nav" style="margin-top: 10px;" size="20px"/>
                <van-search v-model="value" show-action label="" placeholder="大家都在搜618人气之王" @search="onSearch">
                    <template #action>
                        <div @click="onClickButton">搜索</div>
                    </template>
                </van-search>
                <van-icon name="list-switching" style="margin-top: 10px;" size="20px"/>
            </horder>
            <main class="main">
                <prolist/>
            </main>
        </div>
    </div>
</template>

<script setup>
import prolist from './prolist.vue';
</script>

<style lang="scss" scoped></style>